var webpack = require("webpack");
// 生产HTML
var html = require("html-webpack-plugin");
// 删除文件
var clean = require("clean-webpack-plugin");


module.exports = {
	// 入口文件
	entry:"./app/app.js",
	output:{
		// 输出文件 会自动创建
		path:__dirname+"/www",
		// 输出文件名
		filename:"js/bundle.js"
	},
	// 模块
	module:{
		loaders:[
			// 基本打包文件
			{	// 样式
				test:/\.css$/,
				loader:"style-loader!css-loader!less-loader"
			},
			{	// 图片 [name]是图片原本名字不改变  [hash:4]是集合图片名字防止冲突  [ext]图片后缀名 可定死
				test:/\.(png|jpe?g|gif)$/,
				loader:"url-loader?limit=5000&name=images/[name].[hash:4].[ext]"
			},
			{
				test:/\.vue$/,
				loader:"vue-loader"
			}
		]
	},
	// sudo npm install webpack-dev-server -g 自动刷新
	devServer: {
		contentBase:"./www",
    	inline: true,
    	port: 8085
    },
	// 插件
	plugins:[
		new html({
			title:"生活一家",
			template:__dirname+"/app/index.html",
        	filename:"index.html",
		}),
		new clean(["www"]),
		// new webpack.optimize.UglifyJsPlugin({
		// 	compress:{
		// 		warnings:false  // 取消报错提示
		// 	}
		// }) // 压缩代码
	],
	resolve:{
		 alias: {//后续直接 require('style') 即可
        	'vue$': 'vue/dist/vue.common.js'
        }
	}
}